﻿/*banner*/
.banner { height: 440px; background: #F8F8F8; }
.banner-list { height: 440px; position: relative; z-index: 1; }
.banner li { position: absolute; width: 100%; height: 440px; top: 0; left: 0; transition: all 1.5s; }
.banner li a { display: block; height: 440px; background-size: cover; }
.banner-paging { position: absolute; bottom: 44px; left: 50%; transform: translate(-50%,0%); z-index: 200; }
.banner-paging span { display: inline-block; position: relative; width: 14px; height: 14px; line-height: 14px; text-align: center; background: rgba(255, 255, 255, 0.4); margin-right: 20px; }
.banner-paging span:last-child { margin-right: 0px; }
.banner-paging em { display: inline-block; width: 14px; height: 14px; }
.banner-btn { display: none !important; }

.banner-narrow { width: 1220px; margin: auto; }

.column { margin-top: 80px; }
.column .title { display: none; }
.column .split1 { display: none; }
.column .item { float: left; width: 598px; height: 110px; text-align: center; margin-right: 24px;overflow:hidden; }
.column .item a { display: block; }
.column .item p { display: none }
.column .item img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.column .item img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.column .item:nth-child(3n) { margin-right: 0px; }

.aboutus { position: relative; height: 470px; color: #fff; }
.aboutus .title { display: none; }
.aboutus .pic { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.aboutus .item { position: absolute; z-index: 100; }
.aboutus .name { padding-top: 128px; }
.aboutus .name:after { display: block; content: ""; width: 82px; height: 5px; background: #fff; opacity: 0.2; margin: 24px 0px; }
.aboutus .desc { width: 844px; line-height: 24px; margin-bottom: 40px; }
.aboutus .btn1 .ico { margin-left: 30px; }

.section { margin-top: 80px; }
.section .title { line-height: 32px; margin-bottom: 30px; }
.section .title .name { float: left; position: relative; }
.section .title .name span { display: none; }
.section .title .name .ico { display: none; }
.section .title .more { float: right; }
.section .title .more .ico { margin: -2px 0px 0px 2px; }
.section .title .line2 { height: 3px; margin-top: 12px; }
.section .links { display: none; }

.service { margin-top: 65px; }
.service .item { width: 290px; float: left; padding-right: 20px; padding-bottom: 30px; }
.service .item .pic { width: 290px; height: 164px; overflow: hidden; }
.service .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.service .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.service .item .name { padding: 12px 0px 2px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service .item .desc { height: 44px; overflow: hidden; line-height: 22px; }
.service .item:nth-child(4n) { padding-right: 0px; }
.service .item:nth-child(n+5) { padding-bottom: 0px; }
.service .item .link1 { display: none; }

.brand .item { float: left; width: 230px; height: 86px; border: 1px solid #EEE; margin-right: 15px; margin-bottom: 15px; }
.brand .item:nth-child(5n) { margin-right: 0px; }
.brand .item .pic { width: 230px; height: 86px; }
.brand .item .pic img { max-width: 144px; max-height: 66px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.brand .item .name { display: none; }

.product .slider { float: left; }
.product .slider img { width:244px;height:532px;object-fit:cover;}
.product .list { float: left; width: 976px; }
.product .item { float: left; width: 243px; height: 265px; margin: 0 -1px -1px 0px; transition: all 0.5s; position: relative; line-height: 20px; }
.product .item:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.1); z-index: 1; }
.product .item a { display: block; padding: 12px 20px 14px 20px; text-decoration: none; }
.product .item .pic { width: 146px; height: 146px; margin: auto; }
.product .item .time { height: 20px; padding: 10px 0px 4px 0px; }
.product .item .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product .item .desc .split { margin: 0px 6px; margin-top: -2px; }
.product .item .price .old { text-decoration: line-through; }
.product .item .price span { margin-left: 4px;  }
.product .item .tag { position: absolute; top: 12px; left: 12px; }
.product .item .tag span { vertical-align: middle; }
.product .item .pic-zoom { position: absolute; top: 4px; right: 4px; cursor: pointer; display: none; }
.product .item .pic-zoom:hover { opacity: 0.8; }
.product .item:hover .pic-zoom { display: block; }

.news { padding-bottom: 100px; }
.news .item { float: left; width: 404px; height: 118px; position: relative; border: 1px solid #EEEEEE; border-left: none; }
.news .item .type { display: none; }
.news .item .pic { display: none; overflow:hidden;}
.news .item .pic img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.news .item .pic img:hover { -webkit-transform: scale(1.04); transform: scale(1.04); }
.news .item .desc { padding: 24px; position: relative; }
.news .item .name { margin-left: 80px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.news .item .text { margin-left: 80px; height: 44px; line-height: 22px; overflow: hidden; }
.news .item .link1 { display: none }
.news .item .time { display: none; }
.news .item .time2 { position: absolute; top: 26px; left: 24px; width: 60px; text-align: center; }
.news .item .time2 em { display: block; font-weight: bold; font-size: 30px; margin-bottom: 6px; }
.news .item .author { display: none; }

.news .item:first-child { width: 405px; height: 238px; margin-left: 0px; }
.news .item:first-child .pic { display: block; width: 405px; height: 238px; }
.news .item:first-child .desc { position: absolute; bottom: 0px; width: 100%; height: 100px; padding: 34px 20px 20px 20px; background: linear-gradient(181.57deg, rgba(0, 73, 159, 0) 1.33%, #344961 98.66%); box-sizing: border-box; color: #fff; }
.news .item:first-child .text { display: none; }
.news .item:first-child .name { text-overflow: ellipsis; white-space: nowrap; margin-left: 0px; }
.news .item:first-child a { color: #fff; }
.news .item:first-child .time { display: block; color: #fff; position: absolute; bottom: 20px; }
.news .item:first-child .time span { display: none; }
.news .item:first-child .time2 { display: none; }
.news .item:nth-child(n+4) { border-top: none; }

#category4 { display: block!important; }
